
<html>
<head>
<title>视频直播</title>
<meta charset="utf-8">
<link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">
<!-- If you'd like to support IE8 -->
<script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>
<script src="http://vjs.zencdn.net/5.5.3/video.js"></script>
<style> 
.div-a{ float:left;width:49%;border:1px solid #000;text-align:center} 
.div-b{ float:left;width:49%;border:1px solid #000;text-align:center} 
.div-c{ float:left;width:49%;border:1px solid #000;text-align:center} 
.div-d{ float:left;width:49%;border:1px solid #000;text-align:center} 
.div-a div{ margin:0 auto;} 
.div-b div{ margin:0 auto;}
.div-c div{ margin:0 auto;}
.div-d div{ margin:0 auto;}
.vjs-big-play-button {
	left: 50% !important;
	top: 50% !important;
	margin-left: -2em;
	margin-top: -1.3em;
}
</style> 
</head>
<body>
	<div class="div-a">
		<h1>东方卫视</h1>
		<video id="my-video" class="video-js" controls preload="auto"
			width="640" height="300" poster="show.jpg"
			data-setup="{}">
			<source src="rtmp://192.168.0.182/oflaDemo/dongfang" type="rtmp/flv">
<!-- 			<source src="http://10.10.5.119/live/livestream.m3u8"  type='application/x-mpegURL'> -->
			<p class="vjs-no-js">
				播放视频需要启用 JavaScript， 推荐使用支持HTML5的浏览器访问。 To view this video please
				enable JavaScript, and consider upgrading to a web browser that <a
					href="http://videojs.com/html5-video-support/" target="_blank">supports
					HTML5 video</a>
			</p>
		</video>
	</div>
	<div  class="div-b">
		<h1>湖南卫视</h1>
		<video id="hunan-video" class="video-js" controls preload="auto"
			width="640" height="300" poster="show.jpg"
			data-setup="{}">
			<source src="rtmp://192.168.0.182/oflaDemo/hunan" type="rtmp/flv">
<!-- 			<source src="http://10.10.5.119/live/livestream.m3u8" type='application/x-mpegURL'> -->
			<p class="vjs-no-js">
				播放视频需要启用 JavaScript， 推荐使用支持HTML5的浏览器访问。 To view this video please
				enable JavaScript, and consider upgrading to a web browser that <a
					href="http://videojs.com/html5-video-support/" target="_blank">supports
					HTML5 video</a>
			</p>
		</video>
		<script type="text/javascript">
	   	var player = videojs('hunan-video');
	   	var options = {};
	
	   	var player = videojs('hunan-video', options, function onPlayerReady() {
	     	videojs.log('Your player is ready!');
	     	// In this context, `this` is the player that was created by Video.js.
	     	this.play();
	    	 // How about an event listener?
	     	this.on('ended', function() {
	       		videojs.log('Awww...over so soon?!');
	     	});
	   });
	   </script>
	</div>
	<div class="div-c">
		<h1>广西卫视</h1>
		<video id="guangxi-video" class="video-js" controls preload="auto"
			width="640" height="300" poster="show.jpg"
			data-setup="{}">
			<source src="rtmp://192.168.0.182/oflaDemo/guangxi" type="rtmp/flv">
<!-- 			<source src="http://10.10.5.119/live/livestream.m3u8" type='application/x-mpegURL'> -->
			<p class="vjs-no-js">
				播放视频需要启用 JavaScript， 推荐使用支持HTML5的浏览器访问。 To view this video please
				enable JavaScript, and consider upgrading to a web browser that <a
					href="http://videojs.com/html5-video-support/" target="_blank">supports
					HTML5 video</a>
			</p>
		</video>
		<script type="text/javascript">
	   	var player = videojs('guangxi-video');
	   	var options = {};
	
	   	var player = videojs('guangxi-video', options, function onPlayerReady() {
	     	videojs.log('Your player is ready!');
	     	// In this context, `this` is the player that was created by Video.js.
	     	this.play();
	    	 // How about an event listener?
	     	this.on('ended', function() {
	       		videojs.log('Awww...over so soon?!');
	     	});
	   });
	   </script>
	</div>
	<div class="div-d">
		<h1>广东卫视</h1>
		<video id="guangdong-video" class="video-js" controls preload="auto"
			width="640" height="300" poster="show.jpg"
			data-setup="{}">
			<source src="rtmp://192.168.0.182/oflaDemo/guangdong" type="rtmp/flv">
<!-- 			<source src="http://10.10.5.119/live/livestream.m3u8" type='application/x-mpegURL'> -->
			<p class="vjs-no-js">
				播放视频需要启用 JavaScript， 推荐使用支持HTML5的浏览器访问。 To view this video please
				enable JavaScript, and consider upgrading to a web browser that <a
					href="http://videojs.com/html5-video-support/" target="_blank">supports
					HTML5 video</a>
			</p>
		</video>
		<script type="text/javascript">
	   	var player = videojs('guangdong-video');
	   	var options = {};
	
	   	var player = videojs('guangdong-video', options, function onPlayerReady() {
	     	videojs.log('Your player is ready!');
	     	// In this context, `this` is the player that was created by Video.js.
	     	this.play();
	    	 // How about an event listener?
	     	this.on('ended', function() {
	       		videojs.log('Awww...over so soon?!');
	     	});
	   });
	   </script>
	</div>
</body>
</html>
